<template>
    <div>
        <el-menu
                style="width: 200px;min-height: calc(100vh - 50px);"
                default-active="user"
                class="el-menu-vertical-demo"
                @open="handleOpen"
                default-openeds="1"
                @close="handleClose">
            <el-submenu index="1">
                <template #title>系统管理</template>
                <el-menu-item index="user" class="el-icon-user-solid">用户管理</el-menu-item>
            </el-submenu>
<!--            <el-menu-item index="2">-->
<!--                <i class="el-icon-menu"></i>-->
<!--                <template #title>导航二</template>-->
<!--            </el-menu-item>-->
<!--            <el-menu-item index="3">-->
<!--                <i class="el-icon-document"></i>-->
<!--                <template #title>导航三</template>-->
<!--            </el-menu-item>-->
<!--            <el-menu-item index="4">-->
<!--                <i class="el-icon-setting"></i>-->
<!--                <template #title>导航四</template>-->
<!--            </el-menu-item>-->
        </el-menu>
    </div>
</template>

<script>
    export default {
        name: "Aside"
    }
</script>

<style scoped>

</style>